<template>
    <!-- 单图组 -->
    <view class="diy-imageSingle" :style="'padding-bottom: ' + itemStyle.paddingTop + 'px; background: ' + itemStyle.background + ';'">
        <view class="item-image" :style="'padding: ' + itemStyle.paddingTop + 'px ' + itemStyle.paddingLeft + 'px 0;'" v-for="(dataItem, index) in dataList" :key="index">
            <view class="nav-to" @tap.stop.prevent="navigationTo" :data-url="dataItem.linkUrl">
                <image :src="dataItem.imgUrl" mode="widthFix"></image>
            </view>
        </view>
    </view>
</template>

<script>
const app = getApp();
export default {
    data() {
        return {
            dataItem: {
                linkUrl: '',
                imgUrl: ''
            }
        };
    },
    options: {},
    /**
     * 组件的属性列表
     * 用于组件自定义设置
     */
    props: {
        itemIndex: String,
        itemStyle: Object,
        params: Object,
        dataList: Object
    },
    /**
     * 组件的方法列表
     * 更新属性和数据的方法与更新页面数据的方法类似
     */
    methods: {
        /**
         * 跳转到指定页面
         */
        navigationTo: function (e) {
            app.globalData.navigationTo(e.currentTarget.dataset.url);
        }
    },
    created: function () {}
};
</script>
<style>
@import './imageSingle.css';
</style>
